<template>
  <div style="text-align: center">
    <el-container>
      <el-main>
        <el-tabs v-model="activeName">
          <el-tab-pane label="生成二维码" name="first">
            <QrcodeCreate />
          </el-tab-pane>
<!--          <el-tab-pane label="生成二维码海报" name="fourth">-->
<!--            <QrcodePoster />-->
<!--          </el-tab-pane>-->
          <el-tab-pane label="批量生成二维码" name="third">
            <QrcodeFordize />
          </el-tab-pane>
          <el-tab-pane label="识别二维码" name="second">
            <QrcodeAnalysis />
          </el-tab-pane>
        </el-tabs>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import QrcodeCreate from './Create/index.vue'
import QrcodeAnalysis from './Analysis/index.vue'
import QrcodeFordize from './Fordize/index.vue'
import QrcodePoster from "@/views/Qrcode/Poster/index.vue";
export default {
  name: 'qrcode-panel',
  components: {
    QrcodePoster,
    QrcodeCreate,
    QrcodeAnalysis,
    QrcodeFordize
  },
  data() {
    return {
      activeName: 'first'
    }
  }
}
</script>

<style scoped>

</style>
